<template>
  <div>
    <div class="flex margin">
      <input v-model="msg" type="text" value=""></input>
      <button type="primary" @click="handleSend">发送</button>
    </div>
    <div v-for="(item,index) in msglist" class="box dark margin">
      {{item}}
    </div>
  </div>
</template>

<script>
export default {
name: "Chart",
  data(){
    return{
      msglist:[
          '你好',
          '酒文化传播交流服务系统'
      ],
      msg:''
    }
  },
  methods:{
    handleSend(){
      this.msglist.push(this.msg)
    }

  }
}
</script>

<style scoped>

</style>
